*{ padding: 0; margin: 0;}

body{
	position: relative;
	left: 0px;
	font-size: 12px; 
}
.table_lists  { background:#DDD;   padding-left: 0px; width: 80%; float: right;  }
.table_lists table{ background:#CCC; color:#424242;} 
.table_lists table th{ background:#f2f2f2;} 
.table_lists table td{ background:#FFF;} 
.table_lists table tr:hover td{  background: #FFF4DA; padding-left: 1px; }


.pagetitle{ background:#CCC;    padding-left: 0px;    text-align: left;  width: 80%; float: right;   }


.table_name {margin-top: 5px; background: #FFF4DA;  border-top: 3px solid #ff6600;      color: #ff6600; font-size: 18px;   padding: 5px 0; padding-left: 0px;  width: 80%; float: right;    text-align: left;  }
.table_name span{  }
.table_name-id { color: #000000; padding-left:10px;   }
.table_name-name { padding-left: 20px;   }
.table_name-title { color: #999999;  f   }
.table_name-rows { color: #999999;  }
.table_name-rows font { color: #ff6600;    font-weight: bold; }
 
.COLUMN_NAME{ /*width:200px;*/ }
.COLUMN_TYPE{ /*width:150px;*/ }
.IS_NULLABLE{ /*width:70px;*/ text-align: center; background-color:  red;}
.COLUMN_KEY{ /*width:100px;*/  /*text-align: center;*/ }
.COLUMN_DEFAULT{ /* width:170px;*/  /*text-align: center;  overflow: hidden; */}
.EXTRA{ /*width:170px; */ /*text-align: center; *//*overflow: hidden;*/ }
.CHARACTER_SET_NAME {/*width:50px; */text-align: center;   }
.COLLATION_NAME {/*width:120px; */text-align: center;   }

.LENGTH{  /*width:50px; */ text-align: center; }
/* table_index*/
 
.table_index {  padding-left: 0px;  width: 80%; float: right;  }
.table_index table{ background:#CCC; color:#444444;} 
.table_index table th{ background:#f9f9f9;} 
.table_index table td{ background:#FFF;} 
.table_index table tr:hover td{  background: #FFF4DA; padding-left: 1px; }

.index{   background:#FFF4DA; color:#666666; }
.index-COLUMN_NAME{ /*width:150px; */  }
.index-INDEX_TYPE{/* width:70px; */text-align: center; }
.index-INDEX_NAME{ /*width:150px; */ }
.index-NON_UNIQUE{ /*width:70px;*/ text-align: center; }
.index-INDEX_COMMENT{ width:auto; text-align: center; }



 

#navbut { 
	position: fixed;
	top: 0;

	text-align: left;
	font-size: 20px; 
	padding: 10px 10px ;
	width: auto;
	 background: #FFF4DA; 
	 text-align: left;
	 z-index: 99;
}
.nav { 
	 z-index: 100;
	width: auto;
	position: fixed;
	top: 45px;
	left: 2px; 
	border-left:  1px solid #323232 ;
	border-right:  1px solid #323232 ;
	background:#ddd999;
	height: 100%;
	overflow-y: scroll;
/*	overflow-x: hidden;*/
}
.nav  ul{ 
	list-style: none; 

}
.nav  ul li{   padding-left: 10px; }
.nav  ul li:hover{  background: #FFF4DA; padding-left: 12px; }
.nav  ul li a{ text-decoration: none; text-indent: 2em; } 